<template>
  <div class="bottom">
    <div class="bottom-cont max-cont">
      <Row>
        <Col :span="10" class="logo">
          <img src="@/assets/logo.png">
          <p>总想写点什么，才能证明自己是个程序员！</p>
        </Col>
        <Col :span="14" class="ul-cell">
          <Row>
            <Col :span="8">
              <h4>关于</h4>
              <ul class="list-styl">
                <li>
                  <router-link to="/about/">关于我们</router-link>
                </li>
                <li>
                  <router-link to="/ad">广告合作</router-link>
                </li>
                <li>
                  <router-link to="/links">友情链接</router-link>
                </li>
              </ul>
            </Col>
            <Col :span="8">
              <h4>联系方式</h4>
              <ul class="list-styl">
                <li>
                  <router-link to="/advice" title="意见" target="_blank">意见反馈</router-link>
                </li>
                <li>
                  <router-link to="mailto:tojustinzyh@163.com">电子邮件</router-link>
                </li>
              </ul>
            </Col>
            <Col :span="8">
              <h4>产品分类</h4>
              <ul class="list-styl">
                <li>
                  <router-link to="/demo">项目实例</router-link>
                </li>
                <li>
                  <router-link to="/need">我要定制</router-link>
                </li>
              </ul>
            </Col>
          </Row>
        </Col>
      </Row>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'vBottom'
  }
</script>

<style scoped lang="scss">
  .bottom{
    background-color: rgba(13, 27, 31,.9);
    .bottom-cont {
      padding: 10px 10px;
      .logo {
        color: #0e8694;

        img {
          width: 150px;
        }
      }

      .ul-cell {
        h4 {
          font-size: 14px;
          font-weight: 600;
          color: #0e8694;
          margin-bottom: 8px;
        }

        .list-styl {
          list-style: none;

          li {
            * {
              color: #f1f1f1;
              line-height: 22px;
              font-size: 12px;
            }
          }
        }
      }
    }
  }
</style>
